<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DeathGhost-产品分类页面</title>
<meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发" />
<meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!" />
<meta name="author" content="DeathGhost"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqpublic.js"></script>
<!--
Author: DeathGhost
Author URI: http://www.deathghost.cn
-->
</head>
<body>
<header>
 <section class="Topmenubg">
  <div class="Topnav">
   <div class="LeftNav">
    <a href="register.jsp">注册</a>/<a href="UserLogin.jsp">登录</a><a href="#">QQ客服</a><a href="#">微信客服</a><a href="#">手机客户端</a>
   </div>
   <div class="RightNav">
   <a href="user_center.jsp">用户中心</a> <a href="user_orderlist.jsp" target="_blank" title="我的订单">我的订单</a> <a href="cart.jsp">购物车（0）</a> <a href="user_favorites.jsp" target="_blank" title="我的收藏">我的收藏</a> <a href="#">商家入驻</a>
   </div>
  </div>
 </section>
 <div class="Logo_search">
  <div class="Logo">
   <img src="images/logo.jpg" title="DeathGhost" alt="模板">
   <i></i>
   <span>天津市 [ <a href="#">津南区</a> ]</span>
  </div>
  <div class="Search"> 
   <form method="get" id="main_a_serach" onsubmit="return check_search(this)">
   <div class="Search_nav" id="selectsearch">
    <a href="javascript:;" onClick="selectsearch(this,'restaurant_name')" class="choose">餐厅</a>
    <a href="javascript:;" onClick="selectsearch(this,'food_name')">食物名</a>
   </div>
   <div class="Search_area"> 
   <input type="search" id="fkeyword" name="keyword" placeholder="请输入您所需查找的餐厅名称或食物名称..." class="searchbox" />
   <input type="submit" class="searchbutton" value="搜 索" />
   </div>
   </form>
   <p class="hotkeywords"><a href="#" title="酸辣土豆丝">酸辣土豆丝</a><a href="#" title="这里是产品名称">螃蟹炒年糕</a><a href="#" title="这里是产品名称">牛奶炖蛋</a><a href="#" title="这里是产品名称">芝麻酱凉面</a><a href="#" title="这里是产品名称">滑蛋虾仁</a><a href="#" title="这里是产品名称">蒜汁茄子</a></p>
  </div>
 </div>
 <nav class="menu_bg">
  <ul class="menu">
 <li><a href="shouye.jsp">首页</a></li>
   <li><a href="list.jsp">订餐</a></li>
   <li><a href="category.jsp">积分商城</a></li>
   <li><a href="article_read.jsp">关于我们</a></li>
  </ul>
 </nav>
</header>
<!--Start content-->
<section class="Psection">
 <section class="fslist_navtree">
  <ul class="select">
		<li class="select-list">
			<dl id="select1">
				<dt>菜系：</dt>
				<dd class="select-all selected"><a href="javascript:">全部</a></dd>
				<dd><a href="list2.jsp">川菜</a></dd>
                <dd><a href="javascript:">鲁菜</a></dd>
                <dd><a href="javascript:">粤菜</a></dd>
                <dd><a href="javascript:">苏菜</a></dd>
                <dd><a href="javascript:">浙菜</a></dd>
                <dd><a href="javascript:">闽菜</a></dd>
                <dd><a href="javascript:">湘菜</a></dd>
                <dd><a href="javascript:">徽菜</a></dd>
               
			</dl>
		</li>
		<li class="select-list">
			<dl id="select2">
				<dt>位置：</dt>
				<dd class="select-all selected"><a href="javascript:">全部</a></dd>
				<dd><a href="javascript:">西青区</a></dd>
                <dd><a href="javascript:">南开区</a></dd>
                <dd><a href="javascript:">津南区</a></dd>
                <dd><a href="javascript:">北辰区</a></dd>
                <dd><a href="javascript:">滨海新区</a></dd>
                <dd><a href="javascript:">雁塔区</a></dd>
                <dd><a href="javascript:">莲湖区</a></dd>
                <dd><a href="javascript:">灞桥区</a></dd>
                <dd><a href="javascript:">高陵区</a></dd>
                <dd><a href="javascript:">周至县</a></dd>
			</dl>
		</li>
		<li class="select-list">
			<dl id="select3">
				<dt>餐点：</dt>
				<dd class="select-all selected"><a href="javascript:">全部</a></dd>
				<dd><a href="javascript:">早餐</a></dd>
			</dl>
		</li>
        <li class="select-list">
			<dl id="select4">
				<dt>价位区间：</dt>
				<dd class="select-all selected"><a href="javascript:">全部</a></dd>
				<dd><a href="javascript:">20元以下</a></dd>
                <dd><a href="javascript:">20-40元</a></dd>
                <dd><a href="javascript:">40-60元</a></dd>
                <dd><a href="javascript:">60-80元</a></dd>
                <dd><a href="javascript:">80-100元</a></dd>
			</dl>
		</li>
		<li class="select-result">
			<dl>
			 <dd class="select-no">已选择：</dd>
			</dl>
		</li>
	</ul>
 </section>
<section class="Fslmenu">
 <a href="#" title="默认排序">
  <span>
  <span>默认排序</span>
  <span></span>
  </span>
 </a>
 <a href="#" title="评价">
  <span>
  <span>评价</span>
  <span class="s-up"></span>
  </span>
 </a>
 <a href="#" title="销量">
  <span>
  <span>销量</span>
  <span class="s-up"></span>
  </span>
 </a>
 <a href="#" title="价格排序">
  <span>
  <span>价格</span>
  <span class="s-down"></span>
  </span>
 </a>
 <a href="#" title="发布时间排序">
  <span>
  <span>发布时间</span>
  <span class="s-up"></span>
  </span>
 </a>
</section>
<section class="Fsl">
 <ul>
  <li>
   <a href="shop.jsp" target="_self" title="调用产品名/店铺名"><img src="upload/30.jpg"></a>
   <hgroup>
   <h3>我家川菜馆</h3>
   <h4></h4>
   </hgroup>
   <p>菜系：川湘菜</p>
   <p>地址：天津市津南区xxx学校十字往西100米..</p>
   <p>人均：20~50元</p>
   <p>
    <span class="Score-l">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-off.png">
    <span class="Score-v">4.8</span>
    </span>
    <span class="DSBUTTON"><a href="shop.html" target="_blank" class="Fontfff">点外卖</a></span>
   </p>
  </li>
  <li>
   <a href="shop.jsp" target="_self" title="调用产品名/店铺名"><img src="upload/31.jpg"></a>
   <hgroup>
   <h3>我家川菜馆</h3>
   <h4></h4>
   </hgroup>
   <p>菜系：川湘菜</p>
   <p>地址：天津市津南区xxx学校十字往西100米..</p>
   <p>人均：20~50元</p>
   <p>
    <span class="Score-l">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-off.png">
    <span class="Score-v">4.8</span>
    </span>
    <span class="DSBUTTON"><a href="shop.html" target="_blank" class="Fontfff">点外卖</a></span>
   </p>
  </li>
  <li>
   <a href="shop.jsp" target="_self" title="调用产品名/店铺名"><img src="upload/32.jpg"></a>
   <hgroup>
   <h3>我家川菜馆</h3>
   <h4></h4>
   </hgroup>
   <p>菜系：川湘菜</p>
   <p>地址：天津市津南区xxx学校十字往西100米..</p>
   <p>人均：20~50元</p>
   <p>
    <span class="Score-l">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-off.png">
    <span class="Score-v">4.8</span>
    </span>
    <span class="DSBUTTON"><a href="shop.html" target="_blank" class="Fontfff">点外卖</a></span>
   </p>
  </li>
  <li>
   <a href="shop.jsp" target="_self" title="调用产品名/店铺名"><img src="upload/33.jpg"></a>
   <hgroup>
   <h3>我家川菜馆</h3>
   <h4></h4>
   </hgroup>
   <p>菜系：川湘菜</p>
   <p>地址：天津市津南区xxx学校十字往西100米..</p>
   <p>人均：20~50元</p>
   <p>
    <span class="Score-l">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-off.png">
    <span class="Score-v">4.8</span>
    </span>
    <span class="DSBUTTON"><a href="shop.jsp" target="_self" class="Fontfff">点外卖</a></span>
   </p>
  </li>
 </ul>
 <aside>
  <div class="title">热门商家</div>
  <div class="C-list">
   <a href="shop.jsp" target="_self" title="店铺名称"><img src="upload/cc.jpg"></a>
   <p><a href="shop.jsp" target="_self">[大雁塔]店铺名称</a></p>
   <p>
   <span>人均：20~50元</span>
   <span style=" float:right">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-off.png">
    <span class="ALscore">4.8</span>
   </span>
   </p>
  </div>
  <div class="C-list">
   <a href="shop.jsp" target="_self" title="店铺名称"><img src="upload/cc.jpg"></a>
   <p><a href="shop.jsp" target="_self">[大雁塔]店铺名称</a></p>
   <p>
   <span>人均：20~50元</span>
   <span style=" float:right">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-on.png">
    <img src="images/star-off.png">
    <span class="ALscore">4.8</span>
   </span>
   </p>
  </div>
 </aside>
 <div class="TurnPage">
  <a href="#">
  <span class="Prev"><i></i>首页</span>
  </a>
  <a href="#"><span class="PNumber">1</span></a>
  <a href="#"><span class="PNumber">2</span></a>
  <a href="#">
  <span class="Next">最后一页<i></i></span>
  </a>
 </div>
</section>
</section>
<!--End content-->
</footer>
</body>
</html>
